<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core">

    <rich:modalPanel id="panelIndicador"  width="470" height="450" resizeable="false">

        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Lista de Indicadores"></h:outputText>
            </h:panelGroup>
        </f:facet>

        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelIndicador" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>

        <h:panelGrid id="pngListaIndicadores" columns="1">

            <rich:dataTable id="dttListaIndicadores" binding="#{gestorBuscarIndicadores.tablaIndicadores}"
                            value="#{gestorBuscarIndicadores.listadoActual}" var="comite" rowKeyVar="row" rows="10">
                <f:facet id="fctHeadIndicador" name="header"  >
                    <h:outputText id="outHeadIndicador" value="Indicadores"/>
                </f:facet>

                <rich:column id="clmCIIndicador" width="90px"
                             >
                    <f:facet id="fctClmHeadCi" name="header">
                        <h:outputText id="outClmHeadCi" value="#{general.codigo}" title="#{general.codigo}"/>
                    </f:facet>
                    <h:outputText id="outClmValCi" value="#{comite.codigo}"/>
                </rich:column>
                <rich:column id="clmNomIndicador" width="300px">
                    <f:facet id="fctClmHeadNom" name="header">
                        <h:outputText id="outClmHeadNom" value="#{comite.descripcion}"/>
                    </f:facet>
                    <h:outputText id="outClmValNom" value="#{comite.descripcion}"/>
                </rich:column>
                <rich:column id="clmAccionesIndicador" label="Acciones" width="55px" sortable="false">
                    <f:facet id="fctClmAccionesIndicador" name="header">
                        <h:outputText id="outClmAccionesIndicador" value="Acciones" title="Acciones"/>
                    </f:facet>
                    <div id="divAccionesIndicador" align="center">
                        <a4j:commandButton id="btnAccionIndicador" actionListener="#{gestorBuscarIndicadores.seleccionarIndicador}" value="Mostrar Detalle"
                                           image="/imagenes/book_next.ico" ajaxSingle="true" reRender="#{gestorBuscarIndicadores.reRender}" title="#{general.titleBtnSeleccionar}"
                                           />
                    </div>
                </rich:column>
                <f:facet id="fctPieDetalleInd" name="footer">
                    <rich:datascroller id="dtsDetalleInd" for="dttListaIndicadores"/>
                </f:facet>

            </rich:dataTable>
        </h:panelGrid>
    </rich:modalPanel>
</ui:composition>
